.header {
  position: fixed;
  top: 0px;
  width: 100vw;
  height: 60vw;
  z-index: 1;
  background-image: url("../../static/logIn.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.container {
  width: 100%;
  height: 100vh;
  padding-top: 100rpx;
  align-items: center;
  justify-self: center;
  align-self: center;
  align-content: center;
}

.form {
  // background-color: #efeff4;
  position: fixed;
  top: 30vh;
  width: 100%;
  margin: auto 0rpx;
}

.record {
  width: 100%;
  color: $uni-main-color;
  display: flex;
  flex-direction: column;
}

.row1 {
  display: flex;
  flex-direction: row;
  justify-items: left;

  .fundName {
    margin-right: 40rpx;
    font-size: 32rpx;
  }
  .strategy {
    margin: 8rpx 10rpx 0rpx 10rpx;
    display: flex;
    border-radius: 25px;
    background-color: #fdece0;
    .strategyText {
      margin: 1rpx 15rpx;
      font-size: 20rpx;
      color: #ff7b16;
    }
  }
}
.row2 {
  margin-top: 12rpx;
  display: flex;
  flex-direction: row;
  justify-items: left;
  justify-content: space-between;
  .normalValue {
    color: $uni-main-color;
  }
  .redValue {
    color: red;
  }
  .greenValue {
    color: green;
  }
  .desc {
    margin-top: 6rpx;
    font-size: 24rpx;
    color: $uni-secondary-color;
  }
}
